<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:cc="http://sourceforge.net/projects/jsf-comp"
      xml:lang="pt-br" lang="pt-br">
    
    <head>
        <title>INVEST - Seu jogo on-line do mercado de ações</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <link href="../resources/css/stylesheet.css" rel="stylesheet" type="text/css" />
        
    </head>
    <body>
        <div id="tudo">
            
            
            <div class='box'>
                <div class='boxtop'><div></div></div>
                <div class='boxcontent'>
                    <!-- Content goes here -->

                    <h2 class="dest">INVEST - Seu jogo on-line de ações</h2>
                    <h:form>
                        <div id="topo">
                            <div class="styleone">
                                <ul>
                                    <li><a href="principal.htm" title="Principal" >Principal</a></li>
                                  <li><a href="carteira.htm" title="Carteira" >Carteira</a></li>
                                  <li><h:commandLink action="#{GrupoController.getGrupoJogadores}" value="Grupo" title="Grupo" class="current"/></li>
                                  <li><a href="ojogo.htm" title="Sobre o jogo">Sobre o jogo</a></li>
                                    <li><h:commandLink action="#{identity.logout}" value="Sair" title="Sair" /></li>
                                </ul>
                            </div>
                            
                        </div>
                    </h:form>
                    <div id="nav">
                        <br/>
                        <ul>
                            <li><a href="principal.htm" title="Principal" >Principal</a></li>
                            <li><a href="carteira.htm" title="Carteira">Carteira</a></li>
                            <li><a href="ojogo.htm" title="Sobre o jogo">Sobre o jogo</a></li>
                        </ul>
                    </div>
                    
                    <div id="principal">
                        
                        <h2>Cadastro</h2>
                        <center>
                            <br/>
                            <rich:messages layout="table" 
                                           errorClass="errorClass" 
                                           infoClass="infoClass" 
                                           warnClass="warnClass"
                                           styleClass="painelMensagem"/>
                        </center> 
                        
                        <a4j:form>
                            <p>O cadastro de grupo é realizado em 2 etapas. Você deve cadastrar o grupo e também é obrigatorio 
                            cadastrar os jogadores deste grupo, sendo no minimo 2 jogadores e no máximo 4. </p>
                            
                            <h:panelGrid cellpadding="2" cellspacing="2" columns="2" columnClasses="field-names" >
                                <h:outputLabel for="NomeGrupo">
                                    <h:outputText value="Nome do Grupo: "  />
                                </h:outputLabel>
                                
                                <h:inputText id="NomeGrupo" value="#{GrupoController.grupo.nome}" label="teste" size="30" maxlength="30">
                                    
                                </h:inputText>
                                
                                <h:outputLabel for="LoginGrupo" >
                                    <h:outputText value="Login do Grupo :" />
                                </h:outputLabel>
                                <h:inputText id="LoginGrupo" value="#{GrupoController.grupo.login}" label="Login do Grupo" required="true" maxlength="10"/>
                                
                                <br/>
                                
                                
                            </h:panelGrid>
                            
                                <rich:dataTable value="#{jogadoresDM}" var="jogador"
                                                id="dtJogadores"
                                                width="100%"
                                                cellpadding="0" cellspacing="0"
                                                rows="4"
                                                onRowMouseOver="this.style.backgroundColor='#eff7ff'"
                                                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'">
                                    
                                    <rich:column>
                                        <f:facet name="header">
                                            Nome jogador
                                        </f:facet>
                                        #{jogador.nome}
                                    </rich:column>
                                    
                                    <rich:column>
                                        <f:facet name="header">
                                            Email
                                        </f:facet>
                                        #{jogador.email}
                                    </rich:column>
                                    
                                </rich:dataTable>
                                
                            <br/><br/><br/><br/><br/>
                        </a4j:form>
                        

                        <!-- PAINEL POPUP PARA ADICIONAR JOGADOR -->
                        <rich:modalPanel id="mpAdicionarJogador" autosized="true" width="580">
                            <f:facet name="header">
                                <h:outputText value="Adicionar jogador ao grupo" />
                            </f:facet>
                            <!-- BARRA DE FERRAMENTAS DO PAINEL -->
                            <f:facet name="controls">
                                <h:panelGroup>
                                    <h:graphicImage value="/resources/images/panelClose.png" style="cursor:pointer" id="Barra" />
                                    <rich:componentControl for="mpAdicionarJogador" attachTo="Barra" operation="hide" event="onclick" />
                                </h:panelGroup>
                            </f:facet>
                            
                            <a4j:form id="fAdicionarJogador">
                                <a4j:loadScript  type="text/javascript" src="/resources/scripts/jquery.maskedinput-1.1.4.js" />
                                <center>
                                    <rich:messages layout="table"
                                                   errorClass="errorClass"
                                                   infoClass="infoClass"
                                                   warnClass="warnClass"
                                                   styleClass="painelMensagem"
                                                   ajaxRendered="true" />
                                </center>
                                
                                
                                <h:panelGrid style="text-align:left;" cellpadding="2" cellspacing="2" columns="2" columnClasses="field-names,  fields" >
                                    <h:outputLabel for="NomeJogador">
                                        <h:outputText value="Nome: " />
                                    </h:outputLabel>
                                    
                                    <h:inputText id="NomeJogador" value="#{GrupoController.jogador.nome}" label="Nome: " size="50" required="true" maxlength="50"/>
                                    
                                    <h:outputLabel for="DataNascimento">
                                        <h:outputText value="Data nascimento: " />
                                    </h:outputLabel>
                                    
                                    <rich:calendar label="Data nascimento: " value="#{GrupoController.jogador.dataNascimento}" inputClass="inputCalendar" datePattern="dd/MM/yyyy" popup="true" />
                                    
                                    <h:outputLabel for="Telefone">
                                        <h:outputText value="Telefone: "/>
                                    </h:outputLabel>
                                    
                                    <h:inputText id="Telefone" value="#{GrupoController.jogador.telefone}" label="Telefone: " size="15" maxlength="15">
                                        <rich:jQuery selector="#Telefone" query="mask('(99)9999-9999')" timing="onload"/>
                                    </h:inputText>
                                    
                                    <h:outputLabel for="Email">
                                        <h:outputText value="Email: " />
                                    </h:outputLabel>
                                    
                                    <h:inputText id="Email" value="#{GrupoController.jogador.email}" label="Email: " size="20" maxlength="30"/>
                                    
                                    <h:outputLabel for="Logradouro">
                                        
                                        <h:outputText value="Endereço: " />
                                    </h:outputLabel>
                                    <h:panelGroup>
                                        <h:inputText id="Logradouro" value="#{GrupoController.jogador.logradouro}" label="Endereço: " size="30" maxlength="50" />
                                        
                                        <h:outputLabel for="NumeroLogradouro">
                                            <h:outputText value="Numero: "/>
                                        </h:outputLabel>
                                        
                                        <h:inputText id="NumeroLogradouro" value="#{GrupoController.jogador.numeroLogradouro}" label="Numero: " size="5" maxlength="4" >
                                            <rich:jQuery selector="#NumeroLogradouro" query="mask('9999')" timing="onload" />
                                        </h:inputText>
                                    </h:panelGroup>
                                    
                                    <h:outputLabel for="Bairro">
                                        <h:outputText value="Bairro: " />
                                    </h:outputLabel>
                                    
                                    <h:inputText id="Bairro" value="#{GrupoController.jogador.bairro}" label="Bairro: " size="25" maxlength="20" />
                                    
                                    <h:outputLabel for="Municipio">
                                        <h:outputText value="Municipio: " />
                                    </h:outputLabel>
                                    
                                    <h:panelGroup>
                                        <h:inputText id="Municipio" value="#{GrupoController.jogador.municipio}" label="Municipio: " size="35" maxlength="30"/>
                                        
                                        <h:outputLabel for="Estado">
                                            <h:outputText value="Estado: " />
                                        </h:outputLabel>
                                        
                                        <h:inputText id="Estado" value="#{GrupoController.jogador.estado}" label="Estado: " size="5" maxlength="2" >
                                            <rich:jQuery selector="#Estado" query="mask('aa')" timing="onload"/>
                                        </h:inputText>
                                    </h:panelGroup>
                                </h:panelGrid>          
                                <br/><div id="button" style="text-align:left;">
                                    <a4j:commandButton action="#{GrupoController.addJogadorGrupo}"
                                                       reRender="dtJogadores"
                                                       value="Adicionar Jogador"
                                                       title="Adicionar Jogador"
                                                       oncomplete="Richfaces.hideModalPanel('mpAdicionarJogador', {});" />
                                    <a4j:commandButton immediate="true"
                                                       value="Cancelar"
                                                       title="Cancelar"
                                                       onclick="Richfaces.hideModalPanel('mpAdicionarJogador', {});" />
                                </div>
                            </a4j:form>
                        </rich:modalPanel>
                        
                        <br/>
                    </div> 
                    <!-- FIM DIV PRINCIPAL-->
                    
                    <div id="apoio">
                        <center><h2 class="dest">Indice das ações</h2></center>
                        <h:form>
                            <rich:dataTable id="dtCotacao" var="c"
                                            value="#{cotacoesDM}"
                                            rows="10" sortMode="single" 
                                            cellpadding="0" cellspacing="2">
                                
                                
                                
                                <f:facet name="footer">
                                    <rich:datascroller id="dsCotacao" for="dtCotacao"/>
                                </f:facet>
                            </rich:dataTable>
                            
                        </h:form>
                        
                    </div>
                    
                    <div id="rodape">
                        <p>INVEST &copy; 2008 Todos os direitos reservados ao grupo responsável deste trabalho</p>
                        
                    </div>
                    
                </div>
            </div>
            <div class='boxbottom'><div></div></div>
        </div>
    </body>
</html>
